.banner_index{

  width: 100%;

  font-size: 0;

  position: relative;

  overflow: hidden;



}



.banner_index img{

  width: 100%

}





.banner_index .swiper-pagination-bullet{

  background: #fff;

  width: 32px;

  border-radius: 0px;

  height: 2px;

}

.banner_index .swiper-pagination-bullet-active{

   background: #fff;

}



.index_links{

  position: relative;

  height:260px;

  max-width: 1920px;

  margin: 0 auto;

  display: flex;



}



.index_links .item{

  width: 25%;

  transition: all .5s;

  height: 100%;

  position: relative;

  z-index: 222;

  background-position: left top;

  transform-origin:bottom left;

  transform: translateY(0px);

  height: 330px;

}



.index_links .item:before{

   content: "";

   width: 100%;

   display: block;

   height: 14px;

   position: absolute;

   top:0;

   left: 0;

   background: rgba(255,255,255,0.4);

}







.index_links .item:first-of-type{



  background-image: url(../img/tt1.png);

}



.index_links .item:nth-of-type(2){



  background-image: url(../img/tt2.png);

}



.index_links .item:nth-of-type(3){



  background-image: url(../img/tt3.png);

}



.index_links .item:nth-of-type(4){



  background-image: url(../img/tt4.png);

}







.index_links .item:hover{

  width: 30%;

  transform: translateY(-70px);

  background-size:cover;

}











.index_links .links_content{

  height: 100%;

  width:100%;

  box-sizing: border-box;

  padding-top: 40px;

  font-size:16px;

  color: #fff;

  line-height: 1.6;

  padding-left: 40px;

}



.index_links .links_content h6{

  font-size:30px;

  color: #fff;

  width: 100%;

  font-weight: bold;

}



.index_links .links_content a.view_more{

  display: block;

  position: absolute;

  bottom: 135px;

  transition: all .2s;

  line-height: 1;

}

.index_links .links_content a.view_more img:nth-child(2){

   display: none;

}



.index_links .links_content a.view_more:hover img:nth-child(1){

  display: none;

}

.index_links .links_content a.view_more:hover img:nth-child(2){

  display: inline;

}









.index_links .links_content a i{

  font-size: 30px;

  color: #fff;

}





.index_links .links_content h6 span{

   display: inline-block;

   vertical-align: middle;

   margin-left: 6%;

   width: 20%;

   background: #fff;

   height: 1px;

}



.index_links .links_content b{

  vertical-align: middle;

}



.index_news{

  position: relative;

  z-index: 1000;

  background: #fff;

}



.index_news_top {

  display: flex;

  max-width: 1920px;

  margin: 0 auto;

  box-sizing: border-box;

  width: 100%;

  border-bottom:1px solid #efefef;

}





.index_news_top .item{

  box-sizing: border-box;

  padding: 0 ;

  height: 100px;

  font-size: 24px;

  line-height: 100px;

  margin-right: 20px;

}



.index_news_top .item:first-of-type{

   width: 460px;

   margin-left: 3.5rem;

}

.index_news_top .item:nth-of-type(2){

   width: 350px;

}

.index_news_top .item:nth-of-type(3){

   width: 420px;

}

.index_news_top .item:nth-of-type(4){

   width: 370px;

}





.index_news_top .item:nth-of-type(3),

.index_news_top .item:nth-of-type(4){

   padding-left: 18px;

}



.index_news_top .item:last-of-type{

     

}



.index_news_top .item span{

  vertical-align: middle;

  font-weight: bold;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#66ded0), to(#229efe));

}

.index_news_top .item img{

  vertical-align: middle;

  margin-right: 20px;

}



.index_news_top .item:nth-child(3) span{

  vertical-align: middle;

  font-weight: bold;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffc345), to(#ee8955));

}





.index_news_top .item:nth-child(4) span{

  vertical-align: middle;

  font-weight: bold;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff6565), to(#ff1515));

}





.index_news_bottom{

  background-image: url(../img/city_bg.png);

  width: 100%;

  padding-top: 30px;

  padding-bottom: 68px;

  background-size: cover;

}



.index_news_bottom .wrap>div{

  

}

.index_news_bottom .wrap{

  display: flex;

  max-width: 1920px;

  margin: 0 auto;

  position: relative;

}



.index_news_bottom .wrap .car{

  position:absolute;

  bottom: -70px;

  right: 0;

}







.video_item{

  margin-left: 3.5rem;

  width: 460px;

  margin-right: 20px;

  padding: 0.7rem;

  border-radius: 10px;

  background: #fff;

  box-sizing: border-box;

}

.video_item video,.video_item iframe{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.pay_banner_item{

  width: 350px;

  position: relative;

  margin-right: 20px;

  background: #fff;

  border-radius: 10px;

  box-sizing: border-box;

  padding: 0.7rem;

  overflow: hidden;

}



.pay_banner_item img{

  width: 100%;

}



.pay_banner_container{

  width: 100%;



  overflow: hidden;

}





.news_banner_item {

  width: 420px;

  margin-right: 20px;

  border-radius: 10px;

  height: 11rem;

  background: #fff;

  box-sizing: border-box;

  padding: 0.7rem;

}

.news_banner_item  .new_item{

  padding-top:0.7rem;

}



.news_banner_container{

  width: 100%;

  overflow: hidden;

}

.news_banner_container img{

  width: 100%;

}



.news_banner_container .date,

.news_banner_list_item .date

{

  display: flex;

  align-items: center;

}



.news_banner_container .date i,

.news_banner_list_item .date i{

   display: block;

   margin: 0 0.2rem;

   width:1rem;

   height: 1px;

   background: #c6c6c6;

}



.news_banner_container .date span{

  font-size: 1.2rem;

  font-weight: bold;

  color: #ffc345;

}

.news_banner_container .year,

.news_banner_list_item .year

{

  padding-left: 1.4rem;

  font-size: 14px;

  color: #8f8f8f;

  line-height: 2;

}

.news_banner_container .new_tit,

.news_banner_list_item .new_tit

{

  padding-left: 1.4rem;

  padding-top: 0.7rem;

  line-height: 1.8;

}

.news_banner_container .new_tit a{

    display: block;

    width: 97%;

    font-size: 0.7rem;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}

.news_banner_list_item .new_tit a{

    width: 100%;

    font-size: 0.7rem;

    display: block;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    line-height: 1.6rem;

}

.news_banner_list_item .new_tit a:hover,

.news_banner_container .new_tit a:hover{

color: #19488d;

}

.swiper-pagination-new{

   color: #8f8f8f;

   font-size: 16px;

   width: 100%;

   box-sizing: border-box;

   padding-left: 4.557rem;

}



.swiper-pagination-fraction{

  z-index: 199

}





.news_banner_item{

  position: relative;

}

.news_banner_item .swiper-pagination-fraction{

  position: absolute;

  bottom: 10px;

}



.news_banner_container .swiper-pagination-button{

  color: #8f8f8f;

  font-size: 16px;

  margin-top: -18px;

  z-index: 250;

  position: absolute;

  bottom: 10px;

  padding-left:1.428rem;

}

.news_banner_container .swiper-pagination-button i{

  margin-right: 10px;

  font-size: 16px;

  cursor: pointer;

}



.news_banner_list_item{

    width: 370px;

    height: 11rem;

    border-radius: 10px;

    background: #fff;

    box-sizing: border-box;

    padding: 0.7rem;

}



.news_banner_list_item .new_item{

  padding-top: 0.7rem;

}



.news_banner_list_item .date span{

  font-size: 1.2rem;

  font-weight: bold;

  color: #ff1a1a;

}







.swiper-pagination-pay{

  text-align: center;

  position: absolute;

  bottom: 0;

}



.swiper-pagination-pay .swiper-pagination-bullet{

  color: #dcdddd;

}



.flex-between{

  display: flex;

  align-items: center;

  justify-content: space-between;



}



.index_news_top .item a{

  display: inline-block;

  height: 30px;

  line-height: 30px;

  padding: 0 14px;

  font-size: 16px;

  color: #999;

  border-radius: 4px;

  background: #f7f9f8;

  transition: all .3s;

}



.index_news_top .item a:hover{

  background: #eee

}







.run {

    position: absolute;

    animation:linear  infinite normal;

    animation-name: run;

    animation-duration:5s;

}     





  

@keyframes run {

        0% { right:  0;}

        100%{ right : 100%;}

        /*100%{ left: 0;}*/

    }







.links_content {

  position: relative;

}





.fold_wrap{

    width: 280px;

    position: absolute;

    top: 148px;

    transform: all .5s;

    right: 36px;

}

.fold_wrap li{

  float:left;

  width:110px;

  height: 88px;

  position:relative;

  overflow:hidden;cursor:pointer;

  border-radius: 5px;

  box-shadow: 2px 2px 2px 2px rgba(0,0,0,.3);

}







.fold_wrap li .img{

   width: 100%;

   height: 100%;

   background-repeat: no-repeat;

   background-position:left;

   background-size: 110px 88px;

}



.fold_wrap li:first-child .img{

  background-image: url(../img/L1.png);

}



.fold_wrap li:nth-child(2) .img{

  background-image: url(../img/L2.png);

}



.fold_wrap li:nth-child(3) .img{

  background-image: url(../img/L3.png);

}



.fold_wrap li:nth-child(4) .img{

 background-image: url(../img/L4.png);

}



.index_links .item:nth-of-type(2):hover .fold_wrap{

    top: 218px;

}





.links_content_a{

  display: flex;

  opacity: 0;

  padding-top: 16px;

  transition: all .5s;

  transform: translateY(30px);

}

.index_links .links_content_a a{

  color: #fff;

  margin-top: 14px;

  font-size: 14px;

  margin-right: 0.8rem;

  padding-top: 0;



}



.index_links .links_content_a a:hover{

  text-decoration: underline;

}



.index_links .item:hover .links_content_a{

  transform: translateY(0px);

  opacity: 1;

}





.index_links .item:hover .fold_wrap{

  visibility: visible;

}



.index_links .item:hover  .links_content a.view_more{

  bottom: 59px;

}









.index_news_bottom>div{

   flex: 1;

}



.index_wap_news{

   display: none;

}





@media screen and (max-width:1400px) {

  .fold_wrap{

  display: none;

  }

}







/*移动端*/
.wap_banner_index{display: none;}
@media screen and (max-width:768px) {
  .banner_index{
    display: none;
  }
  .index_links .item:hover{
    width: 100%;

    transform: translateY(0px);
  }
  .wap_banner_index{display: block;}
  .index_links{
     height: auto;
     flex-wrap: wrap;
  }
  .index_links .item:hover .links_content a.view_more{
    bottom: 3rem;
  }
  .index_links .item{
    width: 100%;
    background-size: cover;
    height: 17rem;
  }
  .index_links .item:before{
    height: 8px;
  }
  .index_links .links_content a.view_more{
      bottom: 3rem;
  }
  .index_links .links_content h6{font-size: 2rem;}
  .index_links .links_content{font-size: 1.2rem;padding-left:3rem;padding-top: 4rem}
  .index_links .links_content a i{font-size: 2rem;}
  .links_content_a{display: none;}
  .index_news{display: none;}

  .index_wap_news{
     display: block;
     width: 100%;
     border-bottom: 1px solid #dcdddf;
     overflow: hidden;
     background-position: bottom;
     background-size: 100%;
     background-repeat: no-repeat;
     position: relative;
     background-image: url(../img/tfb.png);
  }
 .index_wap_news:before{
     content: "";
     top: 4rem;
     width: 100%;
     left: 0;
     height: 1px;
     background: #dcdddf;
     display: block;
     position: absolute;
  }
  .index_wap_news .wapnews-swiper-container{
      width:84%;
  }

  .index_wap_news .title{
     height: 4rem;
     line-height: 4rem;
     justify-content: space-between;  
     padding: 0 1.6rem;
     font-size: 1.2rem;
   
    
  }
  .white_bg{
    background: #fff;
  }
  .index_wap_news .swiper-slide:first-child .title,
  .index_wap_news .swiper-slide:nth-child(2) .title
  {
    font-weight: bold;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#66ded0), to(#229efe));
  }

  .index_wap_news .swiper-slide:nth-child(3) .title{
    font-weight: bold;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffc345), to(#ee8955));
  }

  .index_wap_news .swiper-slide:nth-child(3) .title>a
  {
    position: absolute;
    right:1.6rem;
    top:0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffc345), to(#ee8955));
  }
   .index_wap_news .swiper-slide:nth-child(4) .title>a
  {
    position: absolute;
    right:0;
    top:0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff6565), to(#ff1515));
  }

  .index_wap_news .swiper-slide:nth-child(4) .title{
    font-weight: bold;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff6565), to(#ff1515));
  }
  

   .index_wap_news .title img{
     vertical-align: middle;
     width: 1.8rem;
     margin-right: 0.3rem;
   }


   .wap_news_item_container {
      padding: 2rem;
      padding-right: 0;
      padding-bottom: 3rem;
    }

    .wap_news_item_container  .wrap{
        background: #fff;
        padding: 12px;
        height: 12.5rem;
        position: relative;
        box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
        border-radius: 10px;
    }
    .wap_news_item_container  .wrap .wap_pay_banner_container{
        overflow: hidden;
        width: 100%;

    }
    .wap_news_item_container  .wrap .wap_pay_banner_container img{
      background: red;
      height: 12.5rem;
      width: 100%;
    }

     .wap_news_item_container  .wrap video,.wap_news_item_container  .wrap iframe{
         width: 100%;
         height: 100%;
         /* object-fit: cover; */
     }

      .swiper-npagination{
         text-align: center;
     }

     .wap_news_item_container .time{
          font-weight: bold;
          font-size: 1.5rem;
          color: #ff1a1a;
     }
     .wap_news_item_container .new_title,
    .wap_news_item_container .new_tit
     {
       padding: 1rem;
       padding-left: 0;
       line-height: 1.8;
       font-size: 1.2rem;
     }

     .wap_news_item_container .new_title a{
      display: block;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
     }

     .wap_news_item_container  .wap_news_banner_container .time{
        color: #ffc345;
     }

     .wap_news_item_container .new_tit a{
           overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp:3;
          -webkit-box-orient: vertical;
           width: 16rem;
     }

     .wap_news_banner_container .new_tit {
         line-height: 1.6;
     }
     .wap_news_banner_container{   
        
         overflow: hidden;
     }
     .swiper-newpagination{
      text-align: center;
      position: absolute;
     }
     




}